// pages/edititem/edititem.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    categoryName: '',
    date: '343',
    curIcon: 3,
    isShowModel: false,
    iconData: [
      {
        icon: 'icon-icon_fabu',
        text: '一般',
        id: 1
      },
      {
        icon: 'icon-icon_yiwenkongxin',
        text: '餐饮',
        id: 2
      },
      {
        icon: 'icon-icon_rukou',
        text: '购物',
        id: 3
      },
      {
        icon: 'icon-icon_renwujincheng',
        text: '服饰',
        id: 4
      },
      {
        icon: 'icon-zidingyi',
        text: '交通',
        id: 5
      }
    ],
    customIcon: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {},
  tabIcon(e) {
    var id = e.currentTarget.dataset.id;
    this.setData({
      curIcon: id
    });
    console.log(id);
  },
  handleChange(e) {
    console.log(e);
    this.setData({
      date: e.detail.value
        .split('-')
        .splice(1, 2)
        .join('-')
    });
  },
  addCategories() {
    this.setData({
      isShowModel: true
    });
  },
  hideModel() {
    this.setData({
      isShowModel: false
    });
  },
  stopEvent(e) {
    return false;
  },
  // 确认按钮 点击事件
  okModel() {
    var categoryName = this.data.categoryName;
    if (!categoryName) {
      wx.showToast({
        title: '请输入类别名称',
        icon: 'none',
        duration: 2000
      });
      return;
    }
    var customIcon = this.data.customIcon;
    customIcon.push({
      icon: 'icon-icon_fabu',
      text: categoryName,
      id: Math.random()
    });
    this.setData({
      categoryName: '',
      isShowModel: false,
      customIcon: customIcon
    });
  },
  // 输入 类别名称 事件
  inputCategoryName(e) {
    var value = e.detail.value;
    this.setData({
      categoryName: value
    });
  }
});
